<template>
    <div class="home">
        <div class="myStyle">HOME</div>
        <div @click="toDemo">点击跳转到demo</div>
        <div @click="toMDEditor">点击跳转到MDEditor</div>
        <div @click="toMDShow">点击跳转到MDShow</div>
        <div @click="toOssUpLoad">点击跳转到ossUpLoad</div>
        <div @click="toMongoDb">点击跳转到mongodbDemo</div>
    </div>
</template>

<script>
    export default {
        data() {
            return {}
        },
        mounted() {

        },
        methods: {
            toDemo(){
                this.$router.push("/demo")
            },
            toMDEditor(){
                this.$router.push("/mdEditor")
            },
            toMDShow(){
                this.$router.push("/mdShow")

            },
            toOssUpLoad(){
                this.$router.push("/ossUpLoad")
            },
            toMongoDb(){
                this.$router.push("/mongodb")
            }
            
        },
        components: {}
    }
</script>

<style lang="scss">
    .home {
        .myStyle{
            color:$demoColor;
        }
    }
</style>